對許多剛入門前端設計的朋友來說，從零開始寫 CSS 可能會覺得有點困難。這時候，Bootstrap 5 就像是一套好用的工具箱，幫助我們快速打造美觀又響應式（Responsive）的網頁。今天我就用簡單易懂的方式，帶你了解 Bootstrap 5 是什麼，以及怎麼應用它來快速開發網站。

一、什麼是 Bootstrap？

Bootstrap 是一套由 Twitter 團隊開發的前端框架，它包含了：

預設設計好的 CSS 樣式（像是按鈕、表單、排版等）

JavaScript 插件（像是輪播圖、下拉選單等）

響應式網格系統（可以讓網站在手機、平板、電腦上自動適應畫面）

而 Bootstrap 5 是目前最新版，它移除了對 jQuery 的依賴，更加輕量和現代化。

二、如何開始使用 Bootstrap 5？

方法一：直接透過 CDN 引入（最快上手）

在你的 HTML 檔案中 和結尾加入以下程式碼即可：

HTML
<!-- 引入 Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- 引入 Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

這樣就可以開始使用 Bootstrap 的所有功能了！